<template>
  <view class="cu-item" @tap="$emit('event-click', $event)">
    <view class="cu-avatar round lg" style="background-image:url(/static/images/address/list_ico1.png);"></view>
    <view class="content">
      <view class="userinfo">
        <view v-text="name"></view>
        <view class="mobile" v-text="mobile"></view>
      </view>
      <view class="text-sm flex"><view class="text-cut" v-text="address"></view></view>
    </view>
    <slot></slot>
  </view>
</template>

<script>
export default {
  props: {
    name: String,
    mobile: [Number, String],
    address: String
  }
};
</script>

<style lang="scss" scoped>
.content {
  color: #3c3c3c;
  .userinfo {
    display: flex;
    align-items: flex-end;
  }
}
.mobile {
  font-size: 24upx;
  margin-left: 10upx;
  line-height: 24upx;
}
</style>
